<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>HTML 笔记 | 前端基础班学习笔记</title>
    <meta name="generator" content="VuePress 1.7.1">
    
    <meta name="description" content="前端基础班笔记">
    <meta name="theme-color" content="#3eaf7c">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    
    <link rel="preload" href="/basenode/assets/css/0.styles.2182318c.css" as="style"><link rel="preload" href="/basenode/assets/js/app.52c57e5d.js" as="script"><link rel="preload" href="/basenode/assets/js/2.fd1002bd.js" as="script"><link rel="preload" href="/basenode/assets/js/14.397fbca0.js" as="script"><link rel="prefetch" href="/basenode/assets/js/10.0fd16134.js"><link rel="prefetch" href="/basenode/assets/js/11.69b32ff0.js"><link rel="prefetch" href="/basenode/assets/js/12.8306a2fe.js"><link rel="prefetch" href="/basenode/assets/js/13.bd409108.js"><link rel="prefetch" href="/basenode/assets/js/15.3ebf464d.js"><link rel="prefetch" href="/basenode/assets/js/16.18b0f270.js"><link rel="prefetch" href="/basenode/assets/js/17.aca32580.js"><link rel="prefetch" href="/basenode/assets/js/18.b36abbab.js"><link rel="prefetch" href="/basenode/assets/js/19.40fd0225.js"><link rel="prefetch" href="/basenode/assets/js/20.9c6d2a17.js"><link rel="prefetch" href="/basenode/assets/js/21.6d37b375.js"><link rel="prefetch" href="/basenode/assets/js/22.c01d802c.js"><link rel="prefetch" href="/basenode/assets/js/23.d7de44fa.js"><link rel="prefetch" href="/basenode/assets/js/24.3470c223.js"><link rel="prefetch" href="/basenode/assets/js/3.924754cc.js"><link rel="prefetch" href="/basenode/assets/js/4.4eeb3907.js"><link rel="prefetch" href="/basenode/assets/js/5.88e4a4fd.js"><link rel="prefetch" href="/basenode/assets/js/6.ae7868e8.js"><link rel="prefetch" href="/basenode/assets/js/7.6ab91996.js"><link rel="prefetch" href="/basenode/assets/js/8.750a9450.js"><link rel="prefetch" href="/basenode/assets/js/9.26864b79.js">
    <link rel="stylesheet" href="/basenode/assets/css/0.styles.2182318c.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/basenode/" class="home-link router-link-active"><!----> <span class="site-name">前端基础班学习笔记</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/basenode/html/" class="nav-link router-link-active">
  HTML
</a></div><div class="nav-item"><a href="/basenode/css/" class="nav-link">
  CSS
</a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/basenode/html/" class="nav-link router-link-active">
  HTML
</a></div><div class="nav-item"><a href="/basenode/css/" class="nav-link">
  CSS
</a></div> <!----></nav>  <ul class="sidebar-links"><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading open"><span>HTML</span> <span class="arrow down"></span></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/basenode/html/" aria-current="page" class="sidebar-link">HTML 学习</a></li><li><a href="/basenode/html/day01.html" class="sidebar-link">HTML 第 01 天</a></li><li><a href="/basenode/html/day02.html" class="sidebar-link">HTML 第 02 天</a></li><li><a href="/basenode/html/html-note.html" aria-current="page" class="active sidebar-link">HTML 笔记</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/basenode/html/html-note.html#一-html-的作用和开发工具" class="sidebar-link">一. HTML 的作用和开发工具</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/basenode/html/html-note.html#_1-1-html-的作用" class="sidebar-link">1.1 HTML 的作用</a></li><li class="sidebar-sub-header"><a href="/basenode/html/html-note.html#_1-2-开发工具" class="sidebar-link">1.2 开发工具</a></li></ul></li><li class="sidebar-sub-header"><a href="/basenode/html/html-note.html#二-html-元素" class="sidebar-link">二. HTML 元素</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/basenode/html/html-note.html#_2-1-元素的构成" class="sidebar-link">2.1 元素的构成</a></li><li class="sidebar-sub-header"><a href="/basenode/html/html-note.html#_2-2-文档和脚本标签" class="sidebar-link">2.2 文档和脚本标签</a></li><li class="sidebar-sub-header"><a href="/basenode/html/html-note.html#_2-3-常用标签" class="sidebar-link">2.3 常用标签</a></li><li class="sidebar-sub-header"><a href="/basenode/html/html-note.html#_2-4-表格标签" class="sidebar-link">2.4 表格标签</a></li><li class="sidebar-sub-header"><a href="/basenode/html/html-note.html#_2-5-表单标签" class="sidebar-link">2.5 表单标签</a></li><li class="sidebar-sub-header"><a href="/basenode/html/html-note.html#_2-6-文本修饰标签" class="sidebar-link">2.6 文本修饰标签</a></li><li class="sidebar-sub-header"><a href="/basenode/html/html-note.html#_2-7-内容标签-h5-新增的语义标签" class="sidebar-link">2.7 内容标签（H5 新增的语义标签）</a></li><li class="sidebar-sub-header"><a href="/basenode/html/html-note.html#_2-8-媒体标签" class="sidebar-link">2.8 媒体标签</a></li><li class="sidebar-sub-header"><a href="/basenode/html/html-note.html#_2-9-文档元数据" class="sidebar-link">2.9 文档元数据</a></li></ul></li><li class="sidebar-sub-header"><a href="/basenode/html/html-note.html#三-参考资料" class="sidebar-link">三. 参考资料</a></li></ul></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="html-笔记"><a href="#html-笔记" class="header-anchor">#</a> HTML 笔记</h1> <h2 id="一-html-的作用和开发工具"><a href="#一-html-的作用和开发工具" class="header-anchor">#</a> 一. HTML 的作用和开发工具</h2> <h3 id="_1-1-html-的作用"><a href="#_1-1-html-的作用" class="header-anchor">#</a> 1.1 HTML 的作用</h3> <p>HTML 不是一门编程语言，而是一个告诉浏览器如何组织页面的<strong>标记语言</strong>，被用来描述 Web 文档的<strong>结构</strong>和<strong>语义</strong>。</p> <h3 id="_1-2-开发工具"><a href="#_1-2-开发工具" class="header-anchor">#</a> 1.2 开发工具</h3> <ol><li><p><strong>编辑器</strong> —— <a href="https://code.visualstudio.com/" target="_blank" rel="noopener noreferrer">Visual Studio Code<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <ol><li>HTML 本质上就是一个<strong>文本文件</strong>，大多以 <code>.html</code> 或 <code>htm</code> 作为文件扩展名；</li> <li>可以使用任何文本编辑器编写或修改 HTML 文件内容；</li> <li>不过由于 VS Code 的<strong>价格免费</strong>、<strong>功能强大</strong>、<strong>速度飞快</strong>、<strong>插件丰富</strong>等特点备受前端工程师青睐。</li></ol></li> <li><p><strong>浏览器</strong> —— <a href="https://www.google.com/intl/zh-CN/chrome/" target="_blank" rel="noopener noreferrer">Google Chrome<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <ol><li>虽然我们可以使用任何一款浏览器来查看 HTML 文件的结果；</li> <li>不过由于 Chrome 提供了丰富的调试工具和插件，可以说是前端工程师开发必备的利器。</li></ol></li></ol> <p>HTML、编辑器和浏览器之间的关系如下图所示：</p> <p><img src="/basenode/assets/img/front-end-tools.4026c289.png" alt="前端工具关系图"></p> <ol><li><strong>前端工程师</strong>使用<strong>编辑器</strong>编写<strong>网页代码</strong>；</li> <li><strong>用户</strong>使用<strong>浏览器</strong>查看网页<strong>展示结果</strong>。</li></ol> <h2 id="二-html-元素"><a href="#二-html-元素" class="header-anchor">#</a> 二. HTML 元素</h2> <h3 id="_2-1-元素的构成"><a href="#_2-1-元素的构成" class="header-anchor">#</a> 2.1 元素的构成</h3> <p>HTML 由一系列的元素（elements）组成，这些元素可以用来包围不同部分的内容，使其以某种方式呈现或者工作。在 HTML 中一个元素可以包含一块文本、一张图片、或者一块数据等。一个典型的元素包含以下三个部分：</p> <ol><li>一个具有一些属性的<strong>开始标签</strong></li> <li>中间包裹的内容</li> <li>一个<strong>结束标签</strong></li></ol> <p><img src="/basenode/assets/img/anatomy-of-an-html-element.9ff2cd77.png" alt="HTML 元素示意图"></p> <div class="custom-block tip"><p class="custom-block-title">TIP</p> <p>把元素放到其他元素之中，被称作<strong>元素的嵌套</strong>，在元素嵌套时要确保元素被正确的嵌套。</p></div> <h3 id="_2-2-文档和脚本标签"><a href="#_2-2-文档和脚本标签" class="header-anchor">#</a> 2.2 文档和脚本标签</h3> <table><thead><tr><th style="text-align:center;">序号</th> <th>标签</th> <th>描述</th></tr></thead> <tbody><tr><td style="text-align:center;">1</td> <td>html</td> <td>HTML 文档的顶级元素，也被称为根元素</td></tr> <tr><td style="text-align:center;">2</td> <td>head</td> <td>规定文档相关的配置信息（元数据）</td></tr> <tr><td style="text-align:center;">3</td> <td>body</td> <td>文档的内容</td></tr> <tr><td style="text-align:center;">4</td> <td>script</td> <td>嵌入或引用可执行脚本</td></tr></tbody></table> <h3 id="_2-3-常用标签"><a href="#_2-3-常用标签" class="header-anchor">#</a> 2.3 常用标签</h3> <table><thead><tr><th style="text-align:center;">序号</th> <th>标签</th> <th>描述</th></tr></thead> <tbody><tr><td style="text-align:center;">1</td> <td>p</td> <td>段落</td></tr> <tr><td style="text-align:center;">2</td> <td>img</td> <td>图像</td></tr> <tr><td style="text-align:center;">3</td> <td>a</td> <td>链接</td></tr> <tr><td style="text-align:center;">4</td> <td>h1~h6</td> <td>标题</td></tr> <tr><td style="text-align:center;">5</td> <td>div</td> <td>内容容器</td></tr> <tr><td style="text-align:center;">6</td> <td>span</td> <td>行内容器</td></tr> <tr><td style="text-align:center;">7</td> <td>ul</td> <td>无序列表</td></tr> <tr><td style="text-align:center;">8</td> <td>ol</td> <td>有序列表</td></tr> <tr><td style="text-align:center;">9</td> <td>li</td> <td>ul、ol 的列表项</td></tr> <tr><td style="text-align:center;">10</td> <td>hr</td> <td>分隔线</td></tr></tbody></table> <h3 id="_2-4-表格标签"><a href="#_2-4-表格标签" class="header-anchor">#</a> 2.4 表格标签</h3> <table><thead><tr><th style="text-align:center;">序号</th> <th>标签</th> <th>描述</th></tr></thead> <tbody><tr><td style="text-align:center;">1</td> <td>table</td> <td>表格</td></tr> <tr><td style="text-align:center;">2</td> <td>thead</td> <td>表格的列头的行</td></tr> <tr><td style="text-align:center;">3</td> <td>tbody</td> <td>表格内容</td></tr> <tr><td style="text-align:center;">4</td> <td>tfoot</td> <td>表格中各列的汇总行</td></tr> <tr><td style="text-align:center;">5</td> <td>tr</td> <td>表格中行</td></tr> <tr><td style="text-align:center;">6</td> <td>th</td> <td>表头中的单元格</td></tr> <tr><td style="text-align:center;">7</td> <td>td</td> <td>表格中的单元格</td></tr></tbody></table> <h3 id="_2-5-表单标签"><a href="#_2-5-表单标签" class="header-anchor">#</a> 2.5 表单标签</h3> <table><thead><tr><th style="text-align:center;">序号</th> <th>标签</th> <th>描述</th></tr></thead> <tbody><tr><td style="text-align:center;">1</td> <td>form</td> <td>表单</td></tr> <tr><td style="text-align:center;">2</td> <td>input</td> <td>输入框</td></tr> <tr><td style="text-align:center;">3</td> <td>button</td> <td>按钮</td></tr> <tr><td style="text-align:center;">4</td> <td>lable</td> <td>标签</td></tr> <tr><td style="text-align:center;">5</td> <td>textarea</td> <td>多行纯文本编辑控件</td></tr> <tr><td style="text-align:center;">6</td> <td>datalist</td> <td>数据列表</td></tr> <tr><td style="text-align:center;">7</td> <td>optgroup</td> <td>选项组</td></tr> <tr><td style="text-align:center;">8</td> <td>select</td> <td>选项菜单</td></tr> <tr><td style="text-align:center;">9</td> <td>option</td> <td>datalist，optgroup，datalist 中包含的项</td></tr></tbody></table> <ul><li><p><code>input</code> 标签的常用属性：</p> <table><thead><tr><th>属性</th> <th>值</th> <th>描述</th></tr></thead> <tbody><tr><td>type</td> <td>类型名</td> <td>类型</td></tr> <tr><td>name</td> <td>text</td> <td>名称，用于区分控件</td></tr> <tr><td>value</td> <td>text</td> <td>值，用于记录或设置控件的值</td></tr> <tr><td>checked</td> <td>checked</td> <td>默认选中某个单选或复选框</td></tr> <tr><td>id</td> <td>text</td> <td>控件标识，与 <code>label</code> 标签联用</td></tr> <tr><td>maxlength</td> <td>number</td> <td>输入框最大输入长度</td></tr></tbody></table> <table><thead><tr><th>属性</th> <th>值</th> <th>描述</th></tr></thead> <tbody><tr><td>required</td> <td>required</td> <td>表单拥有该属性表示内容不能为空，必填</td></tr> <tr><td>placeholder</td> <td>提示文本</td> <td>表单的提示信息，存在内容将不显示</td></tr> <tr><td>autofocus</td> <td>autofocus</td> <td>自动聚焦属性</td></tr> <tr><td>autocomplete</td> <td><code>on</code> / <code>off</code></td> <td>是否应该启用自动完成功能。默认已经打开，需要放在表单内，同时加上 <code>name</code> 属性，同时成功提交过</td></tr> <tr><td>multiple</td> <td>multiple</td> <td>可以多选文件提交</td></tr></tbody></table></li> <li><p><code>input</code> 标签 <code>type</code> 的常用属性值：</p> <table><thead><tr><th>类型</th> <th>属性值</th> <th>描述</th></tr></thead> <tbody><tr><td>输入</td> <td>text</td> <td>输入文字</td></tr> <tr><td>输入</td> <td>password</td> <td>密码</td></tr> <tr><td>选择</td> <td>radio</td> <td>单选按钮，多选一</td></tr> <tr><td>选择</td> <td>checkbox</td> <td>复选框（打勾）</td></tr> <tr><td>点击选择文件</td> <td>file</td> <td>文件上传使用</td></tr> <tr><td>点击</td> <td>button</td> <td>按钮</td></tr> <tr><td>点击</td> <td>image</td> <td>按钮</td></tr> <tr><td>表单操作</td> <td>submit</td> <td>提交，会把数据发送给服务器</td></tr> <tr><td>表单操作</td> <td>reset</td> <td>重置，会清空表单所有数据</td></tr></tbody></table> <table><thead><tr><th>类型</th> <th>属性值</th> <th>描述</th></tr></thead> <tbody><tr><td>输入</td> <td>number</td> <td>限制用户必须输入<strong>数字</strong>类型</td></tr> <tr><td>输入</td> <td>tel</td> <td>手机号码</td></tr> <tr><td>输入</td> <td>search</td> <td>搜索框</td></tr> <tr><td>输入</td> <td>email</td> <td>限制用户必须输入<strong>电子邮件</strong>类型</td></tr> <tr><td>输入</td> <td>url</td> <td>限制用户必须输入<strong>网址</strong>类型</td></tr> <tr><td>选择</td> <td>date</td> <td>限制用户必须输入<strong>日期</strong>类型</td></tr> <tr><td>选择</td> <td>time</td> <td>限制用户必须输入<strong>时间</strong>类型</td></tr> <tr><td>选择</td> <td>month</td> <td>限制用户必须输入<strong>月</strong>类型</td></tr> <tr><td>选择</td> <td>week</td> <td>限制用户必须输入<strong>星期</strong>类型</td></tr> <tr><td>选择</td> <td>color</td> <td>弹出窗口选择颜色</td></tr></tbody></table></li></ul> <h3 id="_2-6-文本修饰标签"><a href="#_2-6-文本修饰标签" class="header-anchor">#</a> 2.6 文本修饰标签</h3> <table><thead><tr><th style="text-align:center;">序号</th> <th>标签</th> <th>描述</th></tr></thead> <tbody><tr><td style="text-align:center;">1</td> <td>b</td> <td>提醒注意 Bring Attention To，一般用粗体显示</td></tr> <tr><td style="text-align:center;">2</td> <td>strong</td> <td>表示文本十分重要，一般用粗体显示</td></tr> <tr><td style="text-align:center;">3</td> <td>i</td> <td>需要区分普通文本的一系列文本，一般用斜体显示</td></tr> <tr><td style="text-align:center;">4</td> <td>em</td> <td>需要用户着重阅读的内容，一般用斜体显示</td></tr> <tr><td style="text-align:center;">5</td> <td>br</td> <td>在文本中增加一个换行，在写诗和地址时很有用</td></tr></tbody></table> <h3 id="_2-7-内容标签-h5-新增的语义标签"><a href="#_2-7-内容标签-h5-新增的语义标签" class="header-anchor">#</a> 2.7 内容标签（H5 新增的语义标签）</h3> <table><thead><tr><th style="text-align:center;">序号</th> <th>标签</th> <th>描述</th></tr></thead> <tbody><tr><td style="text-align:center;">1</td> <td>header</td> <td>头部标签，通常包含一组介绍性的或是辅助导航的实用元素</td></tr> <tr><td style="text-align:center;">2</td> <td>nav</td> <td>导航标签，在当前文档或其他文档中提供导航链接</td></tr> <tr><td style="text-align:center;">3</td> <td>article</td> <td>内容标签，表示文档、页面、应用或网站中的独立结构</td></tr> <tr><td style="text-align:center;">4</td> <td>section</td> <td>定义文档的某个区域，没有更具体的语义</td></tr> <tr><td style="text-align:center;">5</td> <td>aside</td> <td>侧边栏标签，表示一个和其余页面内容几乎无关的部分</td></tr> <tr><td style="text-align:center;">6</td> <td>footer</td> <td>尾部标签，表示页脚</td></tr></tbody></table> <h3 id="_2-8-媒体标签"><a href="#_2-8-媒体标签" class="header-anchor">#</a> 2.8 媒体标签</h3> <table><thead><tr><th style="text-align:center;">序号</th> <th>标签</th> <th>描述</th></tr></thead> <tbody><tr><td style="text-align:center;">1</td> <td>audio</td> <td>音频</td></tr> <tr><td style="text-align:center;">2</td> <td>video</td> <td>视频</td></tr></tbody></table> <h3 id="_2-9-文档元数据"><a href="#_2-9-文档元数据" class="header-anchor">#</a> 2.9 文档元数据</h3> <table><thead><tr><th style="text-align:center;">序号</th> <th>标签</th> <th>描述</th></tr></thead> <tbody><tr><td style="text-align:center;">1</td> <td>title</td> <td>文档的标题</td></tr> <tr><td style="text-align:center;">2</td> <td>link</td> <td>与外部资源的关系，常用于链接样式表</td></tr> <tr><td style="text-align:center;">3</td> <td>style</td> <td>包含文档的样式信息</td></tr> <tr><td style="text-align:center;">4</td> <td>base</td> <td>所有相对 URL 的根 URL，只能有一个</td></tr> <tr><td style="text-align:center;">5</td> <td>meta</td> <td>表示不能由其它 HTML 元数据相关的信息</td></tr></tbody></table> <h2 id="三-参考资料"><a href="#三-参考资料" class="header-anchor">#</a> 三. 参考资料</h2> <ol><li><a href="https://developer.mozilla.org/zh-CN/" target="_blank" rel="noopener noreferrer">MDN web docs<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="https://htmlreference.io/" target="_blank" rel="noopener noreferrer">htmlreference.io<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ol></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev">
      ←
      <a href="/basenode/html/day02.html" class="prev">
        HTML 第 02 天
      </a></span> <!----></p></div> </main></div><div class="global-ui"><!----></div></div>
    <script src="/basenode/assets/js/app.52c57e5d.js" defer></script><script src="/basenode/assets/js/2.fd1002bd.js" defer></script><script src="/basenode/assets/js/14.397fbca0.js" defer></script>
  </body>
</html>
